.i7b-news-anc {
    .n-a-h {
        height: 270px;
        background: #0e1d57 url('./imgs/news-anc-h-bg.jpg') no-repeat center top;
    }
    .n-a-body {
        padding: 50px 0;
        background: #f0f4f7;
        min-height: 273px;
        .show-detail {
            background: #fff;
            padding: 25px;
            h1 {
                margin-bottom: 40px;
                padding-bottom: 25px;
                font-size: 26px;
                text-align: center;
                border-bottom: 1px solid #eaeaea;
                position: relative;
                .icon-box{
                    position: absolute;
                    font-size: 14px;
                    right: 0px;
                    top: -15px;
                    color: #5791f5;
                    i {
                        cursor: pointer;
                    }
                }
                .date-span {
                    position: absolute;
                    right: 2px;
                    bottom: 2px;
                    font-size: 12px;
                    color: #999;
                }
            }
        }
        .n-a-c {
            background: #fff;
            padding: 0px 25px;
            padding-top: 35px;
            li {
                width: 550px;
                height: 190px;
                margin-right: 30px;
                margin-bottom: 40px;
                padding: 20px;
                background-color: #f6f9ff;
                border-radius: 8px;
                box-shadow: 3px 3px 8px rgba(29, 56, 150, 0.17);
                position: relative;
                &.add-li{
                    text-align: center;
                    line-height: 150px;
                }
                &:nth-child(2n) {
                    margin-right: 0;
                }
                .date-span {
                    display: block;
                    font-size: 12px;
                    color: #999;
                }
                h3 {
                    margin-top: 10px;
                    padding-bottom: 15px;
                    color: #333;
                    border-bottom: 1px solid #ccc;
                }
                .content {
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }
                .more {
                    position: absolute;
                    width: 20px;
                    height: 20px;
                    line-height: 18px;
                    color: #5791f5;
                    text-align: center;
                    border: 1px solid #5791f5;
                    border-radius: 50%;
                    font-weight: bold;
                    cursor: pointer;
                    right: 20px;
                    bottom: 20px;
                }
            }
        }
    }
}